  
  import { createVNode,render } from 'vue'
  import myMessage from '@/components/Message/CusMessage.vue'
  // 动态创建一个DOM容器
  const div=document.createElement('div')
  div.setAttribute('class','my-message-container')
  document.body.appendChild(div)
  export default ({text,type})=>{
    let timer=null
    //createVNode 用于创建一个虚拟节点
    // 参数1 支持组件
    // 参数2 表示传递给组件的选项
  const vnode= createVNode(myMessage,{text, type})
  //把虚拟的节点渲染到页面的DOM中即可
  // render函数的参数
  //参数一：表示表示需要渲染的内容（虚拟节点）
  // 参数二：表示渲染的目标位置 （DOM元素）
     render(vnode,div)
   // 希望1s后消失
    clearTimeout(timer)
     timer=setTimeout(()=>{
       // 清空div里面的内容
        render(null,div)
     },1500)
  }
  
  